<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>JS复习</title>

	<script type="text/javascript" >
// 一、JS的实现：嵌入式、行内、外部
	// ①嵌入式调用
	// alert("茶图腾")



// 二、交互输出：alert、document.write、promte、confirm、console.log
	
	// alert("茶图腾")


	// document.write("页面输出")


	// var name=prompt("请输进你的名字");
	// 	alert(name);


	// var r=confirm("请按确定")
	// 	alert(r)


	// console.log("我在控制台")



// 三、JS变量：声明变量x、y、z，并给他们赋值，然后显示的是z
	// var x=2
	// 	y=3
	//   z=x+y
	// alert(z)      
	// document.write(z)


//四、JS数据类型：字符串、数字、布尔


//五、运算符：算术、赋值、关系、逻辑、条件


//六、流程控制：
	// ① if (条件) {
	// 	条件成立时执行的代码
	// };
	// var x=8
	// 	y=5
	// 	if (x>y) {
	// 		alert(x)
	// 	};


	// ②if(条件){
	// 	条件成立时执行的代码
	// }else{
	// 	条件不成立时执行的代码
	// }
	// var x=11
	// 	y=20
	// 	if (x>y) {
	// 		alert(x)
	// 	}else{
	// 		document.write(y)
	// 	}



	// ③if(条件1){
	// 	条件1成立时执行的代码
	// }else if(条件2){
	// 	条件2成立时执行的代码
	// }else{
	// 	条件1和2均不成立时执行的代码
	// }
	// var x=50;
	// 	y=18;
	// 	z=35;
	// if(x>y&&x<z){
	// 	alert("青年")
	// }else if (x>z) {
	// 	alert("中年")
	// }else if (x<y) {
	// 	alert("未成年")
	// };


	// eg2
	// var a=prompt("请输入年龄")
	// var x=18
	// 	y=40
	// 	z=60
	// 	if (a<x) {
	// 		alert("未成年")
	// 	}else if (a>x&&a<y) {
	// 		alert("青年")
	// 	}else if (a>y&&a<z) {
	// 		alert("壮年")
	// 	}else if (a>z) {
	// 		alert("长寿")
	// 	};



	// ④switch
	// switch(n){
	// 	case 1:
	//  	 执行代码块 1
	// 	  break;
	// 	case 2:
	// 	  执行代码块 2
	// 	  break;
	// 	default:
	//   n 与 case 1 和 case 2 不同时执行的代码
	// }
			
		// var a=prompt("请输进有效数值")
		// a=20
		// switch(a){
		// 	case 10:
		// 	  alert(10);
		// 	  break;
		// 	case 20:
		// 	  alert(20);
		// 	  break;
		// 	case 30:
		// 	  alert(30);
		// 	  break;
		// 	case 40:
		// 	  alert(40);
		// 	  break;
		// 	default:
		// 	  alert("无效数字");
		// }																
																				// 为什么输进去的数字读取不了？


		// num =2;		
	// var num=prompt("请输入num值");												
	// switch(num){
	// 	case 1 :
	// 	alert('XXXX1');
	// 	break;
	// 	case 2 :
	// 	alert('XXXXXX2');
	// 	break;
	// 	case 3 :
	// 	alert('XXXXXX3');
	// 	break;
	// 	default:
	// 	alert('无效数值');
	// }
																						// 有问题：为什么输进去的num是无效




	// ⑤for循环
	// for (var i = 10; i >= 1; i--) {
	// 	document.write(i)
	// 	document.write("<br>")
	// };


		// for (i=0; i<=10 ; i++) {
		// 	document.write(i);
		// 	document.write('<br>');
		// 	if(i==4){
		// 		break;
		// 	}
		// 	document.write('<p>茶图腾</p>');
		// };


		// var x =10
		// while(x<20){
		// 	document.write(1);
		// 	document.write('<br>');
		// 	x++;
		// }


		



// 作业：乘法表
// document.write("<table border='1'>")
// 	for (var i =9; i >=1; i--) {
// 		document.write("<tr>")
// 			for (var a =1; a <=i; a++) {
// 				document.write("<td>")
// 				document.write(i+"x"+a+'='+i*a)
// 				document.write("</td>")
// 			};
// 	};document.write("</tr>")
// document.write("<table>")





// 七、函数
	// var one=function(){
	// 	alert("首个函数")
	// }
	// function one(){
	// 	alert()
	// }
	// one()
	// 	创建方法：one，先定义one是一个函数,然后再调用


	// var two=function(){
	// 	alert("菜鸟网络")
	// }
	// 	two();



	// var x=prompt("请输入x值")									下面的函数如何才能抓取到输进去的xy的值？
	// 	y=prompt("请输入y值")

	// function four(x,y){
	// 	if(x>y){
	// 		return true
	// 	}else
	// 		return false
	// 	}
	// var a =  four(30,20)
	// 	if (a) {
	// 		alert("成功");
	// 	}else{
	// 		alert("失败");
	// 	}


// 递归函数
	// var a=100;
	// var	b=1;
	// 	function x(a){
	// 		if (a>1) {
	// 			b =a + b ;
	// 			x(--a);
	// 		};
	// 	}
	// 	x(100);
	// 	alert(b);



// 八、数组
 // 实例1
	// var one=["姓名","性别","年龄","籍贯"]
	//  alert(one[2])
// 实例2：遍历数组
		// var x
		// var city = new Array()
		// 	city[0] = "北京"
		// 	city[1] = "广州"
		// 	city[2] = "东莞"
		// for (x in city){
		// 	document.write(city[x] + "<br />")
		// }



//九、JS对象
// 实例
	// var cai=new Object()
	// 	cai.xingming="茶图腾";
	// 	cai.nianling="25";
	// 	cai.shengao="170";
	// 	cai.teshu=function(){
	// 		alert("特异功能");
	// 	}
	// 	cai.teshu()
	// 	alert(cai.xingming)
		// document.write(cai.xingming)

// 使用对象构造器
// function person(xingming,nianling,xingbie,jiguan){
// 	this.xingming=xingming;
// 	this.nianling=nianling;
// 	this.xingbie=xingbie;
// 	this.jiguan=jiguan;
// 	this.fly=function(){
// 		alert("我可以飞");
// 	}
// }
// var a=new person("茶图腾","25","公的","天朝");
// 	alert(a.jiguan)



// 为对象赋值
// var aa=new Object();
// 	aa.xingming="茶图腾";
// 	aa.xingbie="公的";
// 	aa.nianling="25"

// 	alert(aa.xingbie)

	// for (var x in aa){
 //  		txt=txt + aa.x;
 //  	}


 // 结果为什么是95而不是5？？
	// var n= 0;											
	// 	for (var i = 0 ; i < 10 ; i++){
	// 		for (var j = 0 ; j < 10 ; j++){
	// 			if( i == 5 && j == 5 ){
	// 				break;
	// 			}
	// 		n++;
	// 		}
	// 	}
	// alert(n);


// var iNum=0;
// outermost:
// for (var i=0; i<10; i++) {
// 	for (var j=0; j<10; j++) {
// 		if (i == 5 && j == 5) {
// 			break outermost;
// 		}
// 	iNum++;
// 	}
// }
// alert(iNum);


// 	var a = new Array("first", "second", "third") 
// 		for(var i = 0;i < a.length; i++) {
// 	document.write(a[i]+",");
// }













	</script>

</head>
<body>

	<!-- <div id="box"onclick="one">sdfg</div> -->
	<!-- <div onclick="alert("ddd")">百度</div> --> 			<!-- JS实现中的行内实现 -->
</body>
</html>